.skin-yellow {
  .skin-border-color {
    border-color: @yellow !important;
  }
  .skin-background-color {
    background-color: @yellow;
    &.lighten {
      background-color: lighten(@yellow, 30%) !important;
    }
  }
  .skin-button {
    background: @yellow !important;
    &.lighten {
      background: lighten(@yellow, 30%) !important;
    }
    &.bordered {
      .skin-border-color();
    }
    &.focus {
      border:0;
    }
  }
  .skin-color {
    color: @yellow !important;
  }

  .skin-tooltip-top + .tooltip.top, .skin-tooltip-left + .tooltip.left, .skin-tooltip-right + .tooltip.right  {
    .tooltip-inner {
      background-color: @yellow !important;
      font-weight: bold;
    }

  }
  .skin-tooltip-top + .tooltip.top {
    .tooltip-arrow {
      border-top-color: @yellow !important;
    }
  }
  .skin-tooltip-left + .tooltip.left {
    .tooltip-arrow {
      border-left-color: @yellow !important;
    }
  }

  .skin-tooltip-right + .tooltip.right {
    .tooltip-arrow {
      border-right-color: @yellow !important;
    }
  }
}
